<template>
    <!-- <v-touch v-on:swipeleft="swiperleft" v-on:swiperight="swiperright" v-on:swipedown="swiperdown" class="wrapper">
        <nuxt />
    </v-touch> -->

    <nuxt />

    <!-- <div class=" wrapper">
            <nuxt />
            </div> -->

</template>

<script>
import { Swiper, SwiperSlide } from 'vue-awesome-swiper'
// import 'swiper/css/swiper.css'


export default {
    name: '',
    components: {
        Swiper,
        SwiperSlide
    },
    asyncData({ isDev, route, store, env, params, query, req, res, redirect, error }) {

        console.log('asyncData-STORE')

    },
    fetch() {
        console.log('fetch-STORE')

    },
    beforeCreate() {
        console.log('beforeCreate-STORE', this.$store.getters.pageTitle)

    },
    data() {
        return {
            swiperOption: {
                direction: 'horizontal',
                slidesPerView: 1,
                mousewheel: true,
                initialSlide: 0,
                currentSlide: 0,
                on: {
                    slideChangeTransitionStart: () => {
                        let activeIndex = this.$refs.mySwiper.$swiper.activeIndex;
                        this.swiperOption.currentSlide = activeIndex
                        console.log('activeIndex', activeIndex)
                    },
                },
            }
        }
    },
    created() {
    },
    mounted() {
        console.log('this.$route.fullPath', this.$route.fullPath)
        console.log('this.$route.name', this.$route.name)
    },
    methods: {
        swiperdown: function () {
            console.log("下划")
        },

        swiperleft: function () {
            console.log("左划")
        },
        swiperright: function () {
            console.log("右滑")
        },
    },
}
</script> 

<style>

</style>

<style scoped lang="scss">
.wrapper {
    height: 100vh;
    width: 100%;
}
</style>
